var liArr=[0,1,2,3,4,5,6,7];
var len=liArr.length,sj=[];
//无限循环，直到产生八个随机数跳出循环
for(var a=0;;a++){
	if(sj.length>=len){break;}
	var ran=~~(Math.random()*len);
	if(!sj.includes(ran)){//判断是否有相同随机数
		sj.push(ran);
	}
}
//克隆一个数组,并合并数组
var sja=sj.slice();
var newsj=sj.concat(sja);
//打乱随机数
function randomsort(a, b) {
    return Math.random()>.5? -1 : 1;
}
newsj.sort(randomsort);
//动态生成div同时随机排列图片
for(var j=0;j<newsj.length;j++){
	$(".baba").append("<div class='lis'><img src='img/back1.jpg' class='bg'><img src='img/modle"+newsj[j]+".jpg' class='pic'></div>");
}
console.log(newsj)
//翻牌比较
function fanpai(){
	var isok=true,a=[],b=[],c=0,timer=null,s=0;
	$(".bg").on("click",function(){
		var index=$(this).parent().index();//获取当前每个div下标，将其放入数组
		b.push(index);
		$(".bg").eq(index).fadeOut();
		//获取当前图片序号，将其放进数组
	    for(var i=0;i<newsj.length;i++){
	    	if(i==index){
                a.push(newsj[i]);//console.log("当前第"+i+"个元素"+newsj[i]);
	    	}
	    }
	    if(a.length==1){
	    	$(".bg").eq(b[0]).fadeOut();
	    }
	    if(a.length == 2){
	    	if(b[0]==b[1]){
		    	$(".bg").eq(b[0]).fadeIn();
		    	b=[];
		    }
			if(a[0]==a[1]&&b[0]!=b[1]){
		    	$(".bg").eq(b[0]).fadeOut();
		    	$(".bg").eq(b[1]).fadeOut();
		    	c++,a=[],b=[];
		    	console.log(c)
		    }else{
		    	var timer=setTimeout(function(){
		    		$(".bg").eq(b[0]).fadeIn();
			    	$(".bg").eq(b[1]).fadeIn();
			    	b=[],a=[];
		    	},200)
		    }
	    }else if(b.length>=2){
	    	$(".bg").eq(b[b.length-1]).fadeIn();
	    }
	    if(isok){
	    	isok=false;
			timer=setInterval(function(){
				s++;
				if(c==8){
					clearInterval(timer);
				}
				$(".time").text("Time:"+s+"S");
			},1000)
		}
	    if(c==8){
			var yanc=setTimeout(function(){
	    		alert("恭喜您，全部找出！用时："+s+"秒");
	    	},300)
		}
	})
}
fanpai();
//开始游戏去除遮罩层
$("button").on("click",function(){
	$(".mask").css({transform:"translateY(-100%)"});
})